<template>
	<view class="content">
<image   class="img_list"  :src="obj.img" ></image>
<view class="inner" >
<view class="left">
<view class="title">
{{obj.goodsname}}
</view>
<text class="txt_left">
&yen;{{obj.price}}/桌
</text>
</view>
<view class="right" @click="cancel(obj.id)">
<image  class="img1"  src="../static/image/footer2.png" mode=""></image>
<view>取消收藏</view>
</view>

</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{}
		},
		props:{
			obj:{
			type:Object,
			default:()=>{}
			}
			
		},
		methods:{
			cancel(id){
				this.$emit('parentcancel',id)
			}
		}
	}
</script>

<style lang="less" scoped>

	  
		.content{
			width: 750rpx;
			box-sizing: border-box;
			padding:0px 11px;
		
			.inner{
				display: flex;
				align-items: center;
				justify-content: space-between;
				box-shadow: 2px 2px 5px #ccc;
				box-sizing: border-box;
				padding:0px 10px;
				margin: 0px;
						
			}
			.img_list{
				width: 100%;
				height:150px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
				margin-top: 15px;
			}
			.left{
				color: #f20;
				font-size: 15px;
			}
			.right{
				text-align: center;
				color: #f20;
				font-size: 15px;
				.img1{
					width: 15px;
					height: 15px;
				}
			}
		
		}

</style>
